
<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=1280, user-scalable=yes">
    <title>湘聘行动</title>
    <script src="./vue_dist/vue@2.7.16.js"></script>
    <script src="./vue_dist/ele@2.15.14.js"></script>
    <script src="./utils/common.js"></script>
    <script src="./vue_dist/axios.min.js"></script>
    <link rel="stylesheet" href="./vue_dist/ele_index.css">
    <link rel="stylesheet" href="./css/base.css">
    <script src="./components/header.js"></script>
    <script src="./components/footer.js"></script>
    <script src="./components/search.js"></script>
    <script src="./components/pagination.js"></script>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="app" v-loading="loading">
    <!-- 头部导航 -->
    <div class="w-bg"> <com-header active-name="job"></com-header></div>
    <!-- 条件搜索 -->
    <div class="w-bg border-top">
        <com-big-search active-type="job" :is-show-more="false" @search="handleSearch"></com-big-search>
    </div>
    <!-- 结果展示 -->
    <div class="company-content margin-top30 w1300">
        <ul class="company-list">
            <li v-for="(item,index) in companyList" :key="'com-p-' + index"  @click="handleInfo(item)">
                <div class="company-header">
                    <div class="company-header-l">
                        <h3>{{item.jobName}} <span>[{{item.address}}]</span></h3>
                        <div class="company-header-t">
                            <strong>{{item.salary}}</strong>
                            <ul class="split">
                                <li v-for="tag in item.tags" :key="'c-t-j-'+ index + tag">{{tag}}</li>
                            </ul>
                        </div>
                    </div>
                    <div class="company-header-r">
                        <el-avatar shape="square" :size="60" :src="item.profileUrl"></el-avatar>
                        <div class="card-title">
                            <h3>{{item.title}}</h3>
                            <ul class="split"><li>{{item.type}}</li><li>{{item.limitation}}</li></ul>
                        </div>
                    </div>
                </div>
                <div class="company-bottom">
                    <div class="com-bot-l">
                        <span>
                            <ul class="split">
                                <li v-for="job in item.jobs" :key="'c-t-job-'+ index + job">{{job}}</li>
                            </ul>
                        </span>
                        <span> {{item.jobType}}</span>
                    </div>
                    <div class="com-bot-r">
                        <span v-for="hot in item.hotTags" :key="'c-t-hot-'+ index + hot">{{hot}}</span>
                    </div>
                </div>
            </li>
        </ul>
        <div class="job-ads">
            <a v-for="(item,index) in adsList" :key="'com-ad-i-'+ index" class="job-ads-item" :href="item.path" ><img :src="item.imgUrl" alt=""></a>
        </div>
    </div>
    <div class="page-pagination">
        <com-pagination v-show="total>0"
            layout="prev, pager, next"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="initData"></com-pagination>
    </div>
    <!-- 底部 -->
    <div class="footer"> <com-footer></com-footer></div>
</div>
<!-- 引入数据方法vue -->
<script src="job.js"></script>

</body>
</html>
